EmaMobile.views.ResultatView = Ext.extend( Ext.Panel,{
	layout : 'vbox',
    fullscreen : true,
    

    initComponent : function() {

    	this.toolbar = new Ext.Toolbar({
            title : 'Résultat',
        });

    	this.tabBar = new Ext.TabPanel({
    		fullscreen: true,

            layout: 'vbox',
            defaults: {
                flex: 1
            },
            style: 'background-color:#000000'
            

    	});

        this.ref1 = new Ext.Panel({
            title:'Ref 1',
            margin:'40 0 0 0',
            style: 'background-color:#FFFFFF',
           
            
        });

        this.ref2 = new Ext.Panel({
            title:'Ref 2',
            margin:'40 0 0 0',
            style: 'background-color:#FFFFFF',
            //html: 'Abosdfdsfut this app'
        });

        this.competence11 = new Ext.Panel({
            html:'<div style="margin-left:5px;margin-top:3px;height:27px">C2i.1 <span style="margin-left:10px" ><img  width="8px" src="img/greenDot.png"/><img style="margin-left:3px" width="8px" src="img/greenDot.png"/><img style="margin-left:3px" width="8px" src="img/redDot.png"/></span></div>',
            listeners:{
                afterrender:function(c){
                    c.el.on('tap',function(){
                        var message = new Ext.MessageBox();
                        message.show({
                            title: 'C2i.1',
                            msg: '<div><table><tr><td><img  width="8px" src="img/greenDot.png"/></td><td> Temporaire: </td><td>10,5/20</td></tr><tr><td><img  width="8px" src="img/greenDot.png"/></td><td> Validation: </td><td>Ok</td></tr><tr><td><img  width="16px" src="img/redDot.png"/></td><td> Certification: </td><td>n/c</td></tr></table></div>',
                            buttons: [{text:'OK'}],
                        });
                       message.doComponentLayout();
                   });
                }
            }
        });
        this.resultat11 = new Ext.Toolbar({
            layout:'hbox',
            hidden:false,
            items:[
            {html:'10/20'},
            {html:'11/20'},
            ]
        });

        this.competence21 = new Ext.Panel({
            html:'<div style="margin-left:5px;margin-top:3px;height:27px">C2i.2 <span style="margin-left:10px" ><img  width="8px" src="img/greenDot.png"/><img style="margin-left:3px" width="8px" src="img/redDot.png"/><img style="margin-left:3px" width="8px" src="img/redDot.png"/></span></div>',
            listeners:{
                afterrender:function(c){
                    c.el.on('tap',function(){
                        var message = new Ext.MessageBox();
                        message.show({
                            title: 'C2i.2',
                            msg: '<div><table><tr><td><img  width="8px" src="img/greenDot.png"/></td><td> Temporaire: </td><td>13,5/20</td></tr><tr><td><img  width="16px" src="img/redDot.png"/></td><td> Validation: </td><td>n/c</td></tr><tr><td><img  width="16px" src="img/redDot.png"/></td><td> Certification: </td><td>n/c</td></tr></table></div>',
                            buttons: [{text:'OK'}],
                        });
                       message.doComponentLayout();
                   });
                }
            }
        });

        this.resultat21 = new Ext.Toolbar({
            layout:'hbox',
            hidden:false,
            items:[
            {html:'13/20'},
            {html:'14/20'},
            {html:'13/20'},
            {html:'14/20'},
            ]
        });

        this.competence12 = new Ext.Panel({
            html:'<div style="margin-left:5px;margin-top:3px;height:27px">C2i.1 <span style="margin-left:10px" ><img  width="8px" src="img/greenDot.png"/><img style="margin-left:3px" width="8px" src="img/greenDot.png"/><img style="margin-left:3px" width="8px" src="img/redDot.png"/></span></div>',
            listeners:{
                afterrender:function(c){
                    c.el.on('tap',function(){
                        var message = new Ext.MessageBox();
                        message.show({
                            title: 'C2i.1',
                            msg: '<div><table><tr><td><img  width="8px" src="img/greenDot.png"/></td><td> Temporaire: </td><td>10,5/20</td></tr><tr><td><img  width="8px" src="img/greenDot.png"/></td><td> Validation: </td><td>Ok</td></tr><tr><td><img  width="16px" src="img/redDot.png"/></td><td> Certification: </td><td>n/c</td></tr></table></div>',
                            buttons: [{text:'OK'}],
                        });
                       message.doComponentLayout();
                   });
                }
            }
        });
        this.resultat12 = new Ext.Toolbar({
            layout:'hbox',
            hidden:false,
            items:[
            {html:'10/20'},
            {html:'11/20'},
            ]
        });

        this.competence22 = new Ext.Panel({
            html:'<div style="margin-left:5px;margin-top:3px;height:27px">C2i.2 <span style="margin-left:10px" ><img  width="8px" src="img/greenDot.png"/><img style="margin-left:3px" width="8px" src="img/redDot.png"/><img style="margin-left:3px" width="8px" src="img/redDot.png"/></span></div>',
            listeners:{
                afterrender:function(c){
                    c.el.on('tap',function(){
                        var message = new Ext.MessageBox();
                        message.show({
                            title: 'C2i.2',
                            msg: '<div><table><tr><td><img  width="8px" src="img/greenDot.png"/></td><td> Temporaire: </td><td>16/20</td></tr><tr><td><img  width="16px" src="img/redDot.png"/></td><td> Validation: </td><td>n/c</td></tr><tr><td><img  width="16px" src="img/redDot.png"/></td><td> Certification: </td><td>n/c</td></tr></table></div>',
                            buttons: [{text:'OK'}],
                        });
                       message.doComponentLayout();
                   });
                }
            }
        });

        this.resultat22 = new Ext.Toolbar({
            layout:'hbox',
            hidden:false,
            items:[
            {html:'13/20'},
            {html:'16/20'},
            {html:'19/20'},
            ]
        });

        this.competence32 = new Ext.Panel({
            html:'<div style="margin-left:5px;margin-top:3px;height:27px">C2i.3 <span style="margin-left:10px" ><img  width="8px" src="img/greenDot.png"/><img style="margin-left:3px" width="8px" src="img/greenDot.png"/><img style="margin-left:3px" width="8px" src="img/greenDot.png"/></span></div>',
            listeners:{
                afterrender:function(c){
                    c.el.on('tap',function(){
                        var message = new Ext.MessageBox();
                        message.show({
                            title: 'C2i.3',
                            msg: '<div><table><tr><td><img  width="8px" src="img/greenDot.png"/></td><td> Temporaire: </td><td>14,5/20</td></tr><tr><td><img  width="8px" src="img/greenDot.png"/></td><td> Validation: </td><td>OK</td></tr><tr><td><img  width="8px" src="img/greenDot.png"/></td><td> Certification: </td><td>Acquise</td></tr></table></div>',
                            buttons: [{text:'OK'}],
                        });
                       message.doComponentLayout();
                   });
                }
            }
        });

        this.resultat32 = new Ext.Toolbar({
            layout:'hbox',
            hidden:false,
            items:[
            {html:'10/20'},
            {html:'19/20'},
            ]
        });
        this.ref1.add(this.competence11);
        this.ref1.add(this.resultat11);
        this.ref1.add(this.competence21);
        this.ref1.add(this.resultat21);
        this.ref2.add(this.competence12);
        this.ref2.add(this.resultat12);
        this.ref2.add(this.competence22);
        this.ref2.add(this.resultat22);
        this.ref2.add(this.competence32);
        this.ref2.add(this.resultat32);
        this.tabBar.add(this.ref1);
        this.tabBar.add(this.ref2);
        //this.tabBar.getComponent(1).setBadge('1');
        

		this.dockedItems = [ this.toolbar ],

		this.items = [ this.tabBar ],

       
        EmaMobile.views.FirstPageView.superclass.initComponent.call(this);

    },



});